<?php
	//echo $filter;
	if ( isset($filter) ) {
?>

  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>


	<div id="tableFilter">
      <span class="elipsis"></span>
      <form>
        <div class="form-group">
          <label>View By :</label>
          <div id="viewBy" class="select-input">
            <select>
              <option>Employee</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label>Employee :</label>
          <div id="employee" class="select-input">
            <select>
              <option>Petter</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label>Period :</label>
          <div id="period" class="select-input">
            <select>
              <option>All</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label>Period Including:</label>
          <div id="date" class="select-input">
            <select>
              <option>2</option>
            </select>
          </div>
          <div id="month" class="select-input">
            <select>
              <option>9</option>
            </select>
          </div>
          <div id="year" class="select-input">
            <select>
              <option>2012</option>
            </select>
          </div>
        </div>
        <a href="#" class="btn">
          <i class="icon-file"></i>
          <i class="caret"></i>
        </a>
        <div class="form-group">
          <label>More Filter:</label>
          <div id="more" class="select-input">
            <select>
              <option>Show All</option>
            </select>
          </div>
        </div>
        <button type="submit" class="btn">
          <i class="icon-refresh"></i>
        </button>
      </form>
    </div>


	<!--
    <div id="tableFilter">
      <span class="elipsis">
	  <script>
	  $(document).ready(function() {
		$("#dtpawal").datepicker();
	  });
		$(document).ready(function() {
		$("#dtpakhir").datepicker();
	  });
	  </script>
	<form name="demo" method="POST" action="tablefilter.php">
		<div class="form-group" onselect="validasi input">
			<label>View By :</label>
				<div id="viewBy" class="select-input">
					<input id="dtpawal" type="text" value="<?php echo date('m/d/Y'); ?>" name="tglawal"/>
				</div>
			</div>
		<div class="form-group">
		<label>More Filter:</label>
			<div id="more" class="select-input">
				<input id="dtpakhir" type="text" value="<?php echo date('m/d/Y'); ?>" name="tglakhir"/>
			</div>
		</div>
		<button type="submit" class="btn">
		<i class="icon-refresh"></i>
		</button>
	</form>
	</span>
</div>-->
<?php 
	}
//TODO: Fix the HTML. Especially the div 
?>